﻿var oFlyoutDocument;
var xmlResultado;
var dominioDirectorio = "http://detizayuca.com.mx";

var AnuncioNoPagado = "<div class='container noPagado'><div><span>{NOMBRENEGOCIO}</span></div></div>";
var AnuncioPagado = "<div class='inline'>" +
            "<div id='AddContainer' class='container tiny '>" +
                "<div id='AddContent' class='imagenAnuncio' style='top: 0px; '>" +
                    "<input type='hidden' value='{URLANUNCIO}' id='AddURL'/>" +
                    "<div id='ImageContainer'>" +
                        "<div id='imageScreen'>" +
                            "<div>" +
                                "<a href='{URLANUNCIO}' title='{NOMBRENEGOCIO}'>" +
                                    "<img src='{IMAGENNEGOCIO}' border='0'>" +
                                "</a>" +
                            "</div>" +
                        "</div>" +
                        "<div id='tituloAdd'>" +
                            "<div id='tituloAddTexto'>{NOMBRENEGOCIO}</div>" +
                        "</div>" +
                        "<div id='contenedorDescripcion'>" +
                            "<div id='textoDescripcion'>{DESCRIPCIONNEGOCIO}</div>" +
                        "</div>" +
                    "</div>" +
                    "<div id='SectionContent' style='height:40px; overflow:hidden; display:none;'></div>" +
                "</div>" +
            "</div></div>";

function init() {
    checkDockState();
    // check the initial state
    background.addImageObject("http://www.directoriodetizayuca.com/skin/DirectorioTizayuca/images/m/logo786mobile.png", 0, 0);
    dockGadget();
    // setup the event handlers for docking later
    //System.Gadget.onDock = dockGadget;
    //System.Gadget.onUndock = undockGadget;

    // if using a flyout function, set the
    jQuery.support.cors = true;
//    System.Gadget.Flyout.file = "flyout.html";
//    System.Gadget.Flyout.onShow = function () {
//        //Do something, when flyout is opening, may be a dynamic control creation
//    }
//    System.Gadget.Flyout.onHide = function () {
//        //Do some code.
//    }

}

function dockGadget() {
    // TODO: add your docking functions here
    $("#resultados").html('');
    var oBody = document.body.style;
    oBody.width = '320px';
    oBody.height = '77px';

}

function undockGadget() {
    // TODO: add your undocking functions here
    var oBody = document.body.style;
    oBody.width = '320px';

    oBody.height = '805px';
}

function checkDockState() {
//    if (System.Gadget.docked) {
//        dockGadget();
//    }
//    else {
//        undockGadget();
//    }
}


function flyout() {
    System.Gadget.Flyout.show = true;
}

function processXML(urlWS) {
    $.ajax({
        type: "POST",
        url: urlWS,
        dataType: "xml",
        success: function (xml) {
            xmlResultado = xml;
            $(xmlResultado).find('Anuncio').each(function () {
                var anuncio = $(this);
                var mostrarContenido;
                if (anuncio.attr("idTipoAnuncio") == 2) {
                    var urlImagen = anuncio.find("Imagen").attr("URLImagen");
                    urlImagen = dominioDirectorio+ urlImagen.replace('/files/', '/140/files/');
                    mostrarContenido = AnuncioPagado.replace('{IMAGENNEGOCIO}', urlImagen).replace(/{NOMBRENEGOCIO}/g, anuncio.attr("nombre")).replace(/{URLANUNCIO}/g, anuncio.attr("FullURL")).replace('{DESCRIPCIONNEGOCIO}', anuncio.find("descripcionMini").text());
                }
                else
                    mostrarContenido = AnuncioNoPagado.replace(/{NOMBRENEGOCIO}/g, " " + anuncio.attr("nombre"));
                $("#resultados").append(mostrarContenido);

                //var title1 = $(this).attr('nombre');
                //var idAnuncio = $(this).attr('id');
                //$("#resultados").append("<li id=\"anuncio" + idAnuncio + "\" class='anuncioResultado' onclick=\"mostrarAnuncio('" + idAnuncio + "');\">" + title1 + "</li>");
            });
        }
    });
}

function mostrarAnuncio(idAnuncio) {
    if (!System.Gadget.Flyout.show) {
        flyout();

    }

    if (System.Gadget.Flyout.show) {
        oFlyoutDocument = System.Gadget.Flyout.document;
        //$("#anuncio" + idAnuncio).hide();
        $(xmlResultado).find('Anuncio[id="' + idAnuncio + '"]').each(function () {

            oFlyoutDocument.getElementById("panelAnuncio").style.display = "block";
            oFlyoutDocument.getElementById("imagenAnuncio").src = dominioDirectorio + $(this).find("Imagen").attr("URLImagen").replace('files/images', '350/files/images');
            oFlyoutDocument.getElementById("linkAnuncio").href = "" + $(this).attr("FullURL");
            oFlyoutDocument.getElementById("NombreAnuncio").innerText = "" + $(this).attr("nombre");
            oFlyoutDocument.getElementById("contenidoAnuncio").innerText = "" + $(this).find("descripcionMini").text();

            $().delay(400);
            var altura = $(oFlyoutDocument.getElementById("panelAnuncio")).height();
            oFlyoutDocument.getElementById("cuerpo").style.height = altura + 20;

        });
    }

}

function AjaxError(result) {

    $("#resultados").append("- Error - ");

}

function buscarEnDirectorio() {
    var currentSetting =
        System.Gadget.Settings.readString("directorioBusqueda");
    if (!currentSetting)
        currentSetting = "detizayuca.com.mx";
    dominioDirectorio = "http://" + currentSetting;
    undockGadget();
    //jQuery.support.cors = true;
    var buscarString = $('#buscar').val();
    $("#resultados").html('');
    if (buscarString != "")
        processXML(dominioDirectorio + "/?xml=true&buscar=" + buscarString);
    else
        dockGadget();
}